<div class="page-transform">

    <div class="report-cont">
        <script charset="UTF-8" type="text/template" id="reports">
            <div class="results-des">
                <% if(sex=="male"){ %>
                     <div class="show-head boy-head"></div>
                <%}else{%>
                     <div class="show-head girl-head"></div>
                <% } %>
                <% if (data && data.length>0 ){ %>
                <% data.forEach(function (item,index) { %>
                    <% if(show_one=="1"){%>
                        <% if(item.detail.direct==1) {%>
                            <div class="describe des">
                                <div class="expression">
                                    <img src="img/<%= sex %>/<%= item.dim %>_zz.svg" class="out">
                                    <img src="img/<%= sex %>/<%= item.dim %>_z.svg" class="emo">
                                </div>
                                <h2><%= item.detail.title %></h2>
                                <p><%= item && item.detail && item.detail.detail || '' %></p>
                            </div>
                        <% } %>
               <%} else if( show_zero=="0") { %>
                <% if( index <1 ) { %>
                    <div class="describe">
                    <h2>平庸</h2>
                    <p>文字文字文字文字文字</p>
                    </div>
                <% } %>
                <% }else{ %>

                <% if( index <1 ) { %>
                <div class="describe">
                    <div class="expression">
                        <% if(item.detail.direct =="-1"){ %>
                        <img src="img/<%= sex %>/<%= item.dim %>_ff.svg" class="out">
                        <img src="img/<%= sex %>/<%= item.dim %>_f.svg" class="emo">
                        <% }else if(item.detail.direct =="1") { %>
                        <img src="img/<%= sex %>/<%= item.dim %>_zz.svg" class="out">
                        <img src="img/<%= sex %>/<%= item.dim %>_z.svg" class="emo">
                        <% } %>
                    </div>
                    <h2><%= item.detail.title %></h2>
                    <p><%= item && item.detail && item.detail.detail || '' %></p>
                </div>
                <% } %>
                <% } %>
                <% }) %>
                <% } %>
                <div class="report">
                    <span class="share-result">
                        <img src="img/share-ico.svg">
                        <a href="">分享结果</a>
                    </span>
            <span class="detail-btn">
                        <img src="img/report-bg.svg">
                        <a href="#detail" class="detail-report">详细<br>报告</a>
                    </span>
            <span class="play-again">
                     <img src="img/reform-ico.svg">
                     <a href="#home-1">再玩一次</a>
             </span>
                </div>
            </div>
        </script>
    </div>


</div>